<style type="text/css">
    i{font-style: normal;}
    ul{padding-left: 0px;}
    body,html{overflow-x: hidden;}
    #mask{opacity: .60;}
    #head_tit{display:-webkit-box;display:box;height: 45px;line-height: 45px;border-bottom: 1px solid #f6f6f6;position: relative;top:0px;z-index: 220;width: 100%;background:rgba(255,255,255,0.98);padding:0px;}
    #head_tit .head_tit_left{padding-left: 4%;font-size: 20px;color: #4c4c4c;text-align: left;}
    #head_tit .head_tit_right{padding-right: 4%;text-align: right;}
    #head_tit .head_tit_left,#head_tit .head_tit_right{width: 45px;}
    #head_tit .head_tit_center{-webkit-box-flex:2;text-align: center;color: #333333;font-size: 17px;font-weight: 600!important}
    #head_tit .head_tit_right{font-size:17px;color:#4c4c4c!important}
    #head_tit .head_tit_right span{color:#4c4c4c!important}
    #head_tit .head_tit_left span{color:#4c4c4c!important}
    /*内容样式*/
    .input-group-select{height: 34px;font-size: 14px;}
    .col-md-2{width: 18.66%}
    .promote-chosetupload > input{
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        opacity: 0;
        z-index: 222;
    }
    .bargain_infoimg{min-height: 90px;}
    option:disabled{background: #F0F0F0;}
    .col-md-7 {
        width: 56.333333%;
    }
    /*.promote-chosetupload > input{z-index: 0}*/
    /*富文本编辑*/
    .simditor{background-color: #fafafa;color: rgba(0,0,0,0.6);font-size: 14px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);border: 1px solid #eee;box-shadow: none;}
    .simditor .simditor-wrapper{background-color: #fafafa;}
    .simditor.focus .simditor-wrapper{background-color: #ffffff;}
    .simditor .simditor-body{padding: 6px 12px;min-height: 200px;}
    .panel .panel-body p+p {margin-top: 0px;}
    .form-group .control-label{padding-top: 7px;}
    .datetimepicker table tr td.today{background-color: #ffffff;}
    .simditor .simditor-body p{margin: 0px;color: rgba(0,0,0,0.6);font-size: 14px;font-family: "Microsoft YaHei";}
    .simditor .simditor-body{font-size:14px;color: #999;font-family: Microsoft YaHei, Arial;}
    .simditor .simditor-body ul{padding-left: 0px;}
    .datetimepicker{z-index: 300!important}


    /*新人活动*/
  
</style>
<!-- 时间选择插件 -->

<div class="page-title q-tit-change" style="margin:10px;"> 
    <a href="/drainage/index">引流游戏</a> > 创建新人礼包活动
</div>
<div class="row" style="margin:0px;">
        <div class="col-sm-12" >
            <div class="panel panel-default q-panel-default overflow" style="padding-left: 39px!important;padding-right: 39px!important;padding-top: 45px;" >
                <!-- 页面 -->
                <div class="fl" style="width: 417px;background: #fced9f;border: 1px solid #f4f4f4">
                    <header id="head_tit">
                        <div class="head_tit_center">
                            新人礼包活动
                        </div>
                    </header>
                    <div class="bargain_banner" style="position: relative;">
                        <div><img src="/modules/img/slefneed/active/pakct.png"></div>
                        <div class="packetindex_time">
                            <div>距活动结束还有</div>
                            <span class="count-time">
                                <span><i>12</i>天</span>
                                <span><i>08</i>时</span>
                                <span><i>36</i>分</span>
                                <span><i>08</i>秒</span>
                            </span>
                        </div>
                    </div>
                    <div style="top: -16px;position: relative;">
                        <div class="packetindex_totm">
                            <div>红包总额:<i>200</i>元</div>
                            <p>已激活120元，2人参与活动</p>
                        </div>
                        <ul>
                            <li class="packetindex_list">
                                <div class="packetindex_redimg"><img src="/modules/img/slefneed/active/redbao.png"></div>
                                <div class="packetindex_des">
                                    <div>20元红包</div>
                                    <p>红包可领取</p>
                                </div>
                                <div class="packetindex_btn">邀请激活</div>
                            </li>
                            <li class="packetindex_list">
                                <div class="packetindex_redimg"><img src="/modules/img/slefneed/active/redbao.png"></div>
                                <div class="packetindex_des">
                                    <div>20元红包</div>
                                    <p>好友蓝天 1月1日12:12:39已激活</p>
                                </div>
                                <div class="packetindex_btn packetindex_activate">已激活</div>
                            </li>
                            <li class="packetindex_list">
                                <div class="packetindex_redimg"><img src="/modules/img/slefneed/active/redbao.png"></div>
                                <div class="packetindex_des">
                                    <div>20元红包</div>
                                    <p>好友蓝天 1月1日12:12:39已激活</p>
                                </div>
                                <div class="packetindex_btn packetindex_get">立即领取</div>
                            </li>
                        </ul>
                        <div class="packetindex_btnhref">进入思和会使用</div>
                    </div>

                    <div class="packetindex-explain" style="margin-top: -17px;">
                        <div class="arc-wrap">
                            <div>
                            </div>
                        </div>
                        <div class="explain-info">
                            <div class="title">
                                <span class="name">新人礼包活动说明</span>
                                <span class="line"></span>
                            </div>
                            <div class="explain-cont PlayingDescribe">
                                <p>1. 猫市五洲精选现金券可购买商城任意商品（除运费、税费、活动）商品不可使用）；</p>
                                <p>2. 200元红包含20元现金红包10张，领取成功后立即到账；</p>
                                <p>3. 已领取额的现金红包需要激活方可使用，激活方法：将红包发送给好友领取即可激活红包，同时好友可获200元猫市新人现金红包奖励；</p>
                                <p>4.  红包使用期限为10天，过期未使用自动作废；</p>
                                <p>5. 优惠券不可与其他活动叠加使用，单张订单仅可使用一张；</p>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 内容 -->
                <div class="fl" style="width: 720px;" id="changeEvent">
                    <div class="borderf6 m-l-20">
                        <div class="promote-chosetypecont" style="padding-bottom: 0px;">
                            <div class="promote-chosetype overflow">
                                <div class="fl"><span class="ion-navicon"></span>活动信息</div>
                            </div>
                            <div class="promote-scendcont">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动名称：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2  ActName"  placeholder="" v-model.watchValue="ActName" >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error actname" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动描述：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2  Comment" >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error comment" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动主图：</label>
                                    <div class="col-md-7 promote-chosetupload" >
                                        <input type="file" id="MainSrc" name="file">
                                        <div class="input-group">
                                            <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control" placeholder="图片尺寸大于750*396" readonly>
                                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error titlesrc" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动封面图(前端列表)：</label>
                                    <div class="col-md-7 promote-chosetupload" >
                                        <input type="file" id="CoverSrc" name="file">
                                        <div class="input-group">
                                            <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control" placeholder="活动封面" readonly>
                                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error coversrc" style="font-weight: 500;"></label>
                                </div>

                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动开始日期：</label>
                                    <div class="col-md-7" >
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="" id="StartDate" readonly>
                                            <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error startdate" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动结束日期：</label>
                                    <div class="col-md-7" >
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="" id="EndDate" readonly>
                                            <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error enddate" style="font-weight: 500;"></label>
                                </div>
                                
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500">是否开启：</label>
                                    <label class="cr-styled col-md-3 isopen" style="margin-top: 9px;"><input type="checkbox" class="isuseable IsUseableOnWeekend" data-type="100"><i class="fa"></i> 开启活动 </label>
                                </div>
                                
                            </div>
                        </div>
                        <div class="promote-chosetypecont" style="padding-bottom: 0px;">
                            <div class="promote-chosetype overflow">
                                <div class="fl"><span class="ion-navicon"></span>配置信息</div>
                            </div>
                            <div class="promote-scendcont">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">名额数：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ActCnt" data-classname ="Title" placeholder="">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error actcnt" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">红包金额：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2  RedPacketPrice" v-model.watchValue="RedPacketPrice">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error redpacketprice" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">红包个数：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 RedPacketCnt" data-classname ="Title" placeholder="">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error redpacketcnt" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动咨询电话：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 Hotline" data-classname ="Title" placeholder="">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error hotline" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">玩法介绍：</label>
                                    <div class="col-md-7">
                                        <div contenteditable="true" class="form-control" style="height: auto;" id="PlayingDescribe"  oninput="cont.value('PlayingDescribe')"></div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error playingdescribe" style="font-weight: 500;"></label>
                                </div>
                            </div>
                        </div>
                        <div class="promote-chosetypecont" style="padding-bottom: 0px;">
                            <div class="promote-chosetype overflow">
                                <div class="fl"><span class="ion-navicon"></span>微信分享</div>
                            </div>
                            <div class="promote-scendcont">
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">分享标题：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ShareTitle" placeholder=""  >
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error sharetitle" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">分享内容：</label>
                                    <div class="col-md-7" >
                                        <input type="text"  class="form-control p-yl2 ShareContent">
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error sharecontent" style="font-weight: 500;"></label>
                                </div>
                                <div class="form-group overflow">
                                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">分享封面：</label>
                                    <div class="col-md-7 promote-chosetupload" >
                                        <input type="file" id="wxMainSrc" name="file">
                                        <div class="input-group">
                                            <input type="text" id="example-input2-group3" name="example-input2-group1" class="form-control" placeholder="上传分享封面" readonly>
                                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                                        </div>
                                    </div>
                                    <label class="col-md-3 control-label pass-msg error sharesrc" style="font-weight: 500;"></label>
                                </div>
                              
                                
                            </div>
                        </div>
                    </div>
                    <!-- 保存 -->
                    <div class="fr m-t-15 m-b-15">
                        <button type="button" class="btn btn-info  m-b-5 overflow m-r-10 SaveBtn" isclick="1" style="font-size: 18px;padding: 6px 30px;">
                        创建</button>
                    </div>
                </div>

            </div>
        </div>
</div>


<link rel="stylesheet" type="text/css" href="/modules/assets/timepicker/bootstrap-timepicker.min.css">
<script src="/modules/assets/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/modules/assets/timepicker/bootstrap-timepicker.min-zn.js"></script>

<script type="text/javascript">
    var cont = {
        value:function(obj){
            var innerHTML = document.getElementById(obj).innerHTML
            $('.'+obj).html(innerHTML);
            // console.log(innerHTML);
        }
    }
    seajs.use('drainage/newregistercreate');
</script>



























